<!DOCTYPE html>
<html lang="zh">

<head>
	<title>XP极限工益</title>
	<!-- custom-theme -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
  <!-- //custom-theme -->
  <link rel="shortcut icon" href="/favicon.ico"/>
  <link rel="bookmark" href="/favicon.ico"/>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/slicebox.css" rel="stylesheet" type="text/css">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!-- font-awesome-icons -->
	<link href="css/font-awesome.css" rel="stylesheet">
	<!-- //font-awesome-icons -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
	    rel='stylesheet' type='text/css'>
	<link href="http://fonts.googleapis.com/css?family=Raleway:100i,200,200i,300,400,500,500i,600,700,700i,800,800i" rel="stylesheet">

</head>

<body>
  <!-- banner -->
  <!--#include file="header.html"-->
	<!-- Modal1 -->
	<!-- 防止乱码 -->

 
	<!-- js -->
	<!-- <script type="text/javascript" src="http://static.kinswon.com/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="http://static.kinswon.com/js/modernizr.custom.46884.js"></script> -->
	
<!-- password-script -->
<!-- <script type="text/javascript">
  window.onload = function () {
    document.getElementById("password1").onchange = validatePassword;
    document.getElementById("password2").onchange = validatePassword;
  }

  function validatePassword() {
    var pass2 = document.getElementById("password2").value;
    var pass1 = document.getElementById("password1").value;
    if (pass1 != pass2)
      document.getElementById("password2").setCustomValidity("Passwords Don't Match");
    else
      document.getElementById("password2").setCustomValidity('');
    //empty string means no validation error
  }
</script> -->

  <!-- //Modal1 -->
  
	<!-- Modal2 -->

	<!-- //Modal2 -->

	<div class="banner">


		<div class="wrapper">

			<ul id="sb-slider" class="sb-slider">
				<li>
					<a href="#"><img src="http://static.kinswon.com/x/banner01.png" alt="image1"/></a>
					<div class="sb-description">
						<h3>知行合一的贡献者 Creative Lifesaver</h3>
					</div>
				</li>
				<li>
					<a href="#"><img src="http://static.kinswon.com/x/banner02.png" alt="image2"/></a>
					<div class="sb-description">
						<h3>真诚守信的工匠人 Honest Entertainer</h3>
					</div>
				</li>
				<li>
					<a href="#"><img src="http://static.kinswon.com/x/banner03.png" alt="image1"/></a>
					<div class="sb-description">
						<h3>勇于担当的小帮手 Brave Astronaut</h3>
					</div>
				</li>
				<li>
					<a href="#"><img src="http://static.kinswon.com/x/banner04.png" alt="image1"/></a>
					<div class="sb-description">
						<h3>敬天爱人的决策者 ffectionate Decision Maker</h3>
					</div>
				</li>
        <li>
					<a href="#"><img src="http://static.kinswon.com/x/banner05.png" alt="image1"/></a>
					<div class="sb-description">
						<h3>互帮互助成为习惯 Helper And Maker All</h3>
					</div>
				</li>
			</ul>

			<div id="shadow" class="shadow">
      </div>

			<div id="nav-arrows" class="nav-arrows">
				<a href="#">Next</a>
				<a href="#">Previous</a>
			</div>

			<div id="nav-dots" class="nav-dots">
				<span class="nav-dot-current"></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<!-- /wrapper -->
	</div>
	<!-- banner-bottom -->
	<div class="banner-bottom">
		<div class="container">
			<div class="mid_agile_bannner_top_info">
				<!-- <h2>Let’s made Your own Business</h2> -->
				<h2>XP 是一个自组织具备涌现创新能力的远程技术团队</h2>
				<div class="heading-underline">
					<div class="h-u1"></div>
					<div class="h-u2"></div>
					<div class="h-u3"></div>
					<div class="clearfix"></div>
				</div>
				<p>XP 继承于：eXtreme Programming，极限编程，它会通过 XP 组织打造进化成 AI 智能+极限互联网工作组织</p>
        <p> XP 实现个人的价值的最大化：maXimization Personal.</p>
         <p>XP 能够遇到超预期的合伙人、伙伴：EXtra Partner.</p>
         <p>Exceeds Expectations：超出预期、超出期望值、表现较预期更好的关键目标结果</p>
         <p>挑战 X：未知、探索、目标、希望，愿景等汇聚千言万语只交付给 X 组织的 P 伙伴, 收入从线性的增长向指数型增长迈进.</p>
			</div>
			<div class="col-md-6 agileits_banner_bottom_left">
				<h3>welcome to <span>XPro极限组织</span></h3>
				<p class="w3l_para"> XP是突破时间和空间的限制的组织，涌现创新的组织成为一个强大的生命体.</p>
				<div class="w3l_social_icons">
					<div class="w3l_social_icon_grid">
						<div class="w3l_social_icon_gridl w3_facebook">
							<a href="#">
								<i class="fa fa-facebook" aria-hidden="true"></i>
							</a>
						</div>
						<div class="w3l_social_icon_gridr">
							<p class="counter">23,536</p>
						</div>
						<div class="clearfix"> </div>
						<div class="w3l_social_icon_grid_pos">
							<label>产品</label>
						</div>
					</div>
					<div class="w3l_social_icon_grid w3ls_social_icon_grid">
						<div class="w3l_social_icon_gridl w3_dribbble">
							<a href="#">
								<i class="fa fa-dribbble" aria-hidden="true"></i>
							</a>
						</div>
						<div class="w3l_social_icon_gridr">
							<p class="counter">13,676</p>
						</div>
						<div class="clearfix"> </div>
						<div class="w3l_social_icon_grid_pos">
							<label>技术</label>
						</div>
					</div>
					<div class="w3l_social_icon_grid">
						<div class="w3l_social_icon_gridl w3_instagram">
							<a href="#">
								<i class="fa fa-instagram" aria-hidden="true"></i>
							</a>
						</div>
						<div class="w3l_social_icon_gridr">
							<p class="counter">45,342</p>
						</div>
						<div class="clearfix"> </div>
						<div class="w3l_social_icon_grid_pos">
							<label>运营</label>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-6 agileits_banner_bottom_right">
				<div class="w3ls_banner_bottom_right">
					<img src="images/2.jpg" alt=" " class="img-responsive" />
					<div class="w3ls_banner_bottom_right_pos">
						<img src="images/1.jpg" alt=" " class="img-responsive" />
					</div>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //banner-bottom -->

	<!-- banner-bottom-icons -->
	<div class="banner-bottom-icons">
		<div class="col-md-6 w3_banner_bottom_icons_left">

			<div class="w3_agile_banner_bottom">
				<a href="#" class="hvr-rectangle-out">
					<h5 class="grow">Grow Your business</h5>
					<img src="images/banner4_1.png" alt=" " class="img-responsive hvr-radial-in" />
				</a>
			</div>
		</div>
		<div class="col-md-6 w3_banner_bottom_icons_left">
			<div class="w3_agile_banner_bottom">
				<h5 class="grow">Grow Your business</h5>
				<a href="#" class="hvr-rectangle-out"><img src="images/banner2_1.png" alt=" " class="img-responsive hvr-radial-in" /></a>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!-- //banner-bottom-icons -->

	<div class="skills">
		<div class="container">
			<h3 class="tittle_agile_w3">我们的技能</h3>
			<div class="heading-underline">
				<div class="h-u1">产品</div>
				<div class="h-u2">技术</div>
				<div class="h-u3">运营</div>
				<div class="clearfix"></div>
			</div>
			<div class="why-choose-agile-grids-top">
				<div class="col-md-6 skills_img_agile">
					<h4>帮客户做最有价值的商业规划</h4>
					<p>只要保证每一天、每分每秒都在做最重要的、最有价值的事情就可以了，至于项目是否继续做是
            由客户或顶层决定.</p>

					<div class="read">
						<a href="#" class="view resw3" data-toggle="modal" data-target="#myModal">Read More</a>
					</div>
				</div>
				<div class="col-md-6 services_bottom_grid_right">

					<div class='bar_group'>
						<div class='bar_group__bar thin elastic' label='工作效能分析 Prospect Profession' value='130'></div>
						<div class='bar_group__bar thin elastic' label='产品原型 Product prototype' value='160'></div>
						<div class='bar_group__bar thin elastic' label='程序定制 Program Development' value='230'></div>
						<div class='bar_group__bar thin elastic' label='视觉设计 Product Design' value='180'></div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- choose-us -->
	<div class="why-choose-agile">
		<div class="container">
			<h3 class="tittle_agile_w3 two">我们可以做什么</h3>
			<div class="heading-underline">
				<div class="h-u1"></div>
				<div class="h-u2"></div>
				<div class="h-u3"></div>
				<div class="clearfix"></div>
			</div>
			<div class="why-choose-agile-grids-top">
				<div class="col-md-4 agileits-w3layouts-grid">
					<div class="wthree_agile_us">
						<div class="col-xs-3 agile-why-text">
							<div class="wthree_features_grid">
								<i class="fa fa-laptop" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-9 agile-why-text">
							<h4>Responsive Layout </h4>
							<p>响应式.</p>
						</div>

						<div class="clearfix"> </div>
					</div>
					<div class="wthree_agile_us">
						<div class="col-xs-3 agile-why-text">
							<div class="wthree_features_grid">
								<i class="fa fa-globe" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-9 agile-why-text">
							<h4>Web design</h4>
							<p>Lorem ipsum magna, vehicula ut.</p>
						</div>

						<div class="clearfix"> </div>
					</div>
					<div class="wthree_agile_us">
						<div class="col-xs-3 agile-why-text">
							<div class="wthree_features_grid">
								<i class="fa fa-life-ring" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-9 agile-why-text">
							<h4>Support 24x7 </h4>
							<p>Lorem ipsum magna, vehicula ut.</p>
						</div>

						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-4 agileits-w3layouts-grid">
					<div class="wthree_agile_us">
						<div class="col-xs-3 agile-why-text">
							<div class="wthree_features_grid">
								<i class="fa fa-folder-open-o" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-9 agile-why-text">
							<h4>Easy Customization</h4>
							<p>Lorem ipsum magna, vehicula ut.</p>
						</div>

						<div class="clearfix"> </div>
					</div>
					<div class="wthree_agile_us">
						<div class="col-xs-3 agile-why-text">
							<div class="wthree_features_grid">
								<i class="fa fa-lightbulb-o" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-9 agile-why-text">
							<h4>Creative Design </h4>
							<p>Lorem ipsum magna, vehicula ut.</p>
						</div>

						<div class="clearfix"> </div>
					</div>
					<div class="wthree_agile_us">
						<div class="col-xs-3 agile-why-text">
							<div class="wthree_features_grid">
								<i class="fa fa-users" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-9 agile-why-text">
							<h4>Easy For Users</h4>
							<p>Lorem ipsum magna, vehicula ut.</p>
						</div>

						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-4 agileits-w3layouts-grid img">
					<img src="images/serve.png" alt=" " class="img-responsive" />
				</div>
				<div class="clearfix"> </div>
			</div>

		</div>
	</div>
	</div>
	<!-- //choose-us -->

	<!-- News -->
	<div class="w3l-news-content events">
		<div class="container">
			<h3 class="tittle_agile_w3">最近要闻</h3>
			<div class="heading-underline">
				<div class="h-u1"></div>
				<div class="h-u2"></div>
				<div class="h-u3"></div>
				<div class="clearfix"></div>
			</div>
			<div class="w3l-news_info_agile_its">
				<div class="col-md-6 w3l-news">
					<div class="media response-info">
						<div class="media-left response-text-left">
							<a href="#" data-toggle="modal" data-target="#myModal">
						<img class="media-object" src="http://static.kinswon.com/x/wankesalad1.png" alt="">
					</a>
						</div>
						<div class="media-body response-text-right">
							<h5>万科+创业沙拉</h5>
							<ul>
								<li><i class="fa fa-calendar" aria-hidden="true"></i>May 11, 2018</li>
								<li><i class="fa fa-users" aria-hidden="true"></i>Followers : 7685</li>
							</ul>
							<p>XP团队成员Vell在创业比赛中，项目取得第一名成绩：干将网</p>
							<div class="read">
								<a href="single.html" class="view resw3">Read More</a>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="media response-info">
						<div class="media-left response-text-left">
							<a href="#" data-toggle="modal" data-target="#myModal">
						<img class="media-object" src="http://static.kinswon.com/x/saladvell.png" alt="">
					</a>
						</div>
						<div class="media-body response-text-right">
							<h5>长沙阿里巴巴创新中心&创业沙拉</h5>
							<ul>
								<li><i class="fa fa-calendar" aria-hidden="true"></i>May 15, 2017</li>
								<li><i class="fa fa-users" aria-hidden="true"></i>Followers : 2546</li>
							</ul>
							<p>创业指导和实践.</p>
							<div class="read">
								<a href="single.html" class="view resw3">Read More</a>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="media response-info">
						<div class="media-left response-text-left">
							<a href="#" data-toggle="modal" data-target="#myModal">
						<img class="media-object" src="images/n3.jpg" alt="">
					</a>
						</div>
						<div class="media-body response-text-right">
							<h5>Sit Lorem ipsum</h5>
							<ul>
								<li><i class="fa fa-calendar" aria-hidden="true"></i>May 17, 2017</li>
								<li><i class="fa fa-users" aria-hidden="true"></i>Followers : 7485</li>
							</ul>
							<p>Lorem ipsum dolor sit amet, Lorem ipsum Lorem ipsum.</p>
							<div class="read">
								<a href="single.html" class="view resw3">Read More</a>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 wthree_events_grid_right">
					<div class="wthree_events_grid_right1">
						<h3>News Letter</h3>
						<p>Never Miss Any Update From Us!</p>
						<div class="w3layouts_newsletter_right">
							<form action="#" method="post">
								<input type="email" name="Email" placeholder="Email..." required="">
								<input type="submit" value="Subscribe">
							</form>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- Modal1 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
		<div class="modal-dialog">
			<!-- Modal content-->
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
					<h4>XP 的文化</h4>
					<img src="images/banner2.jpg" alt="blog-image" />
					<span>不确定性大环境下，关于挑战的定义开始发生变化，最大的挑战并非来自对手，而是来自全新的环境，
            以及在这种环境中如何调整所在机构的特征。面对不给人喘息之机而且持续变化的环境，
            稍许的固步自封都会极容易带来惨败。静态的组织管控、流程以及与之相匹配的文化和关系都已经不再是过往静止的状态，赋能不仅仅是带着一个人，一群人攀登，而是带着一个组织向上发展，安于现状，只会带来群体的倒退.</span>
				</div>
			</div>
		</div>
	</div>
	<!-- //Modal1 -->
	<!-- //News -->
	<!-- events-top -->
	<div class="events-top">
		<ul id="flexiselDemo1">
      <li>
				<div class="agile_events_top_grid">
					<div class="w3_agileits_evets_text_img">
						<a href="portfolio.html" class="lsb-preview" data-lsb-group="header">
							<div class="view view-eighth">
								<img src="http://static.kinswon.com/x/pqs.jpg?imageView2/1/w/426/h/360/q/75" alt=" " class="img-responsive" />
								<div class="mask">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</div>
							</div>
							<div class="agile_events_top_grid_pos">
								<img src="http://static.kinswon.com/x/pqs1.png?imageView2/1/w/426/h/426/q/75" alt=" " class="img-responsive" />
							</div>
						</a>
					</div>
					<div class="agileits_w3layouts_events_text">
						<h3>Topin Pan</h3>
						<p>前端经理</p>
					</div>
				</div>
			</li>
			<li>
				<div class="agile_events_top_grid">
					<div class="w3_agileits_evets_text_img">
						<a href="portfolio.html" class="lsb-preview" data-lsb-group="header">
							<div class="view view-eighth">
								<img src="http://static.kinswon.com/x/lyx.jpg?imageView2/1/w/426/h/360/q/75" alt=" " class="img-responsive" />
								<div class="mask">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</div>
							</div>
							<div class="agile_events_top_grid_pos">
								<img src="http://static.kinswon.com/x/lyx.png" alt=" " class="img-responsive" />
							</div>
						</a>
					</div>
					<div class="agileits_w3layouts_events_text">
						<h3>Coollee Li</h3>
						<p>产品设计师</p>
					</div>
				</div>
			</li>
			<li>
				<div class="agile_events_top_grid">
					<div class="w3_agileits_evets_text_img">
						<a href="portfolio.html" class="lsb-preview" data-lsb-group="header">
							<div class="view view-eighth">
                <!-- <img src="images/7.jpg" alt=" " class="img-responsive" /> -->
                <img src="http://static.kinswon.com/x/jenny.jpg?imageView2/1/w/426/h/360/q/75" alt=" " class="img-responsive" />
								<div class="mask">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</div>
							</div>
							<div class="agile_events_top_grid_pos">
                <!-- <img src="images/2.png" alt=" " class="img-responsive" /> -->
                <img src="http://static.kinswon.com/x/jenny.png" alt=" " class="img-responsive" />
							</div>
						</a>
					</div>
					<div class="agileits_w3layouts_events_text">
						<h3>Jenny Lu</h3>
						<p>前端架构师</p>
					</div>
				</div>
			</li>
			<li>
				<div class="agile_events_top_grid">
					<div class="w3_agileits_evets_text_img">
						<a href="portfolio.html" class="lsb-preview" data-lsb-group="header">
							<div class="view view-eighth">
                <!-- <img src="images/5.jpg" alt=" " class="img-responsive" /> -->
                <img src="http://static.kinswon.com/x/vell.jpg?imageView2/1/w/426/h/360/q/75" alt=" " class="img-responsive" />
                
								<div class="mask">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</div>
							</div>
							<div class="agile_events_top_grid_pos">
								<img src="http://static.kinswon.com/x/vell1.png" alt=" " class="img-responsive" />
							</div>
						</a>
					</div>
					<div class="agileits_w3layouts_events_text">
						<h3>Vell Zhao</h3>
						<p>平台架构师</p>
					</div>
				</div>
			</li>
			<li>
				<div class="agile_events_top_grid">
					<div class="w3_agileits_evets_text_img">
						<a href="portfolio.html" class="lsb-preview" data-lsb-group="header">
							<div class="view view-eighth">
								<img src="http://static.kinswon.com/x/zsj.jpg?imageView2/1/w/426/h/360/q/75" alt=" " class="img-responsive" />
								<div class="mask">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</div>
							</div>
							<div class="agile_events_top_grid_pos">
								<img src="http://static.kinswon.com/x/zsj1.png?imageView2/1/w/426/h/426/q/75" alt=" " class="img-responsive" />
							</div>
						</a>
					</div>
					<div class="agileits_w3layouts_events_text">
						<h3>Alvin Zhou</h3>
						<p>技术经理</p>
					</div>
				</div>
      </li>
      <li>
				<div class="agile_events_top_grid">
					<div class="w3_agileits_evets_text_img">
						<a href="portfolio.html" class="lsb-preview" data-lsb-group="header">
							<div class="view view-eighth">
								<img src="http://static.kinswon.com/wuwei.jpg?imageView2/1/w/426/h/360/q/75" alt=" " class="img-responsive" />
								<div class="mask">
									<i class="fa fa-eye" aria-hidden="true"></i>
								</div>
							</div>
							<div class="agile_events_top_grid_pos">
								<img src="http://static.kinswon.com/wuwei.png?imageView2/1/w/426/h/426/q/75" alt=" " class="img-responsive" />
							</div>
						</a>
					</div>
					<div class="agileits_w3layouts_events_text">
						<h3>David Wu</h3>
						<p>首席产品运营</p>
					</div>
				</div>
			</li>
		</ul>
	</div>
	<!-- //events-top -->


	<!-- bootstrap-pop-up -->
	<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					工匠
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				</div>
				<section>
					<div class="modal-body">
						<div class="col-md-6 w3_modal_body_left">
							<img src="images/2.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="col-md-6 w3_modal_body_right">
							<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
								consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.
								<i>" Quis autem vel eum iure reprehenderit qui in ea voluptate velit 
								esse quam nihil molestiae consequatur.</i></p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</section>
			</div>
		</div>
	</div>
	<!-- //bootstrap-pop-up -->
	<!-- subscribe -->
	<div class="w3layouts_bottom">
		<div class="container">
			<div class="col-md-9 w3layouts_getin_info">
				<h3>Are Looking for Business Solutions ?</h3>
			</div>
			<div class="col-md-3 w3layouts_getin">
				<a href="#" data-toggle="modal" data-target="#myModal3">Get In Touch</a>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //subscribe -->
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="w3_agile_footer_grids">
				<div class="col-md-4 w3_agile_footer_grid">
					<h3>Latest Tweets</h3>
					<ul class="agile_footer_grid_list">
						<li><i class="fa fa-twitter" aria-hidden="true"></i>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
							impedit. <span>1 day ago</span></li>
						<li><i class="fa fa-twitter" aria-hidden="true"></i>Itaque earum rerum hic tenetur a sapiente delectus <a href="mailto:info@mail.com">info@mail.com</a>							cumque nihil impedit. <span>2 days ago</span></li>
					</ul>
				</div>
				<div class="col-md-4 w3_agile_footer_grid">
					<h3>Navigation</h3>
					<ul class="agileits_w3layouts_footer_grid_list">
						<li><i class="fa fa-angle-double-right" aria-hidden="true"></i><a href="index.html">Home</a></li>
						<li><i class="fa fa-angle-double-right" aria-hidden="true"></i><a href="about.html">About</a></li>
						<li><i class="fa fa-angle-double-right" aria-hidden="true"></i><a href="portfolio.html">Portfolio</a></li>
						<li><i class="fa fa-angle-double-right" aria-hidden="true"></i><a href="contact.html">Contact</a></li>
					</ul>
				</div>
				<div class="col-md-4 w3_agile_footer_grid">
					<h3>Instagram Posts</h3>
					<div class="w3_agileits_footer_grid_left">
						<a href="#" data-toggle="modal" data-target="#myModal">
							<img src="http://static.kinswon.com/x/vell.jpg?imageView2/1/w/120/h/130/q/75" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#" data-toggle="modal" data-target="#myModal">
							<img src="http://static.kinswon.com/x/jenny.jpg?imageView2/1/w/120/h/130/q/75" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#" data-toggle="modal" data-target="#myModal">
							<img src="http://static.kinswon.com/x/zsj.jpg?imageView2/1/w/120/h/130/q/75" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#" data-toggle="modal" data-target="#myModal">
							<img src="http://static.kinswon.com/x/pqs.jpg?imageView2/1/w/120/h/130/q/75" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#" data-toggle="modal" data-target="#myModal">
							<img src="http://static.kinswon.com/x/lyx.jpg?imageView2/1/w/120/h/130/q/75" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#" data-toggle="modal" data-target="#myModal">
							<img src="http://static.kinswon.com/wuwei.jpg?imageView2/1/w/120/h/130/q/75" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="w3ls_address_mail_footer_grids">
				<div class="col-md-4 w3ls_footer_grid_left">
					<div class="wthree_footer_grid_left">
						<i class="fa fa-map-marker" aria-hidden="true"></i>
					</div>
					<p>3481 Melrose Place, Beverly Hills, <span>深圳 长沙 上海 City 2020.</span></p>
				</div>
				<div class="col-md-4 w3ls_footer_grid_left">
					<div class="wthree_footer_grid_left">
						<i class="fa fa-phone" aria-hidden="true"></i>
					</div>
					<p>+(86) 18163868192 <span>+(010) 410000</span></p>
				</div>
				<div class="col-md-4 w3ls_footer_grid_left">
					<div class="wthree_footer_grid_left">
						<i class="fa fa-envelope-o" aria-hidden="true"></i>
					</div>
					<p><a href="mailto:zhaowei_30@qq.com">zhaowei_30@qq.com</a>
						<span><a href="mailto:info@example.com">vellzhao@foxmail.com</a></span></p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileinfo_copyright">
				<p>Copyright &copy; 2020.XP.Company name All rights reserved.</p>
			</div>
		</div>
	</div>
	<!-- //footer -->
	<!-- menu -->

	<!-- //password-script -->

	<!-- //js -->
	<script src="js/bars.js"></script>
	<script type="text/javascript" src="js/jquery.slicebox.js"></script>
	<script type="text/javascript">
		$(function () {

			var Page = (function () {

				var $navArrows = $('#nav-arrows').hide(),
					$navDots = $('#nav-dots').hide(),
					$nav = $navDots.children('span'),
					$shadow = $('#shadow').hide(),
					slicebox = $('#sb-slider').slicebox({
						onReady: function () {

							$navArrows.show();
							$navDots.show();
							$shadow.show();

						},
						onBeforeChange: function (pos) {

							$nav.removeClass('nav-dot-current');
							$nav.eq(pos).addClass('nav-dot-current');

						}
					}),

					init = function () {

						initEvents();

					},
					initEvents = function () {

						// add navigation events
						$navArrows.children(':first').on('click', function () {

							slicebox.next();
							return false;

						});

						$navArrows.children(':last').on('click', function () {

							slicebox.previous();
							return false;

						});

						$nav.each(function (i) {

							$(this).on('click', function (event) {

								var $dot = $(this);

								if (!slicebox.isActive()) {

									$nav.removeClass('nav-dot-current');
									$dot.addClass('nav-dot-current');

								}

								slicebox.jump(i + 1);
								return false;

							});

						});

					};

				return {
					init: init
				};

			})();

			Page.init();

		});
	</script>
	<!-- Stats -->
	<script src="js/waypoints.min.js"></script>
	<script src="js/counterup.min.js"></script>
	<script>
		jQuery(document).ready(function ($) {
			$('.counter').counterUp({
				delay: 10,
				time: 2000
			});
		});
	</script>
	<!-- //Stats -->

	<script type="text/javascript" src="js/jquery.flexisel.js"></script>
	<!-- flexisel -->
	<script type="text/javascript">
		$(window).load(function () {
			$("#flexiselDemo1").flexisel({
				visibleItems: 4,
				animationSpeed: 1000,
				autoPlay: true,
				autoPlaySpeed: 3000,
				pauseOnHover: true,
				enableResponsiveBreakpoints: true,
				responsiveBreakpoints: {
					portrait: {
						changePoint: 480,
						visibleItems: 1
					},
					landscape: {
						changePoint: 640,
						visibleItems: 2
					},
					tablet: {
						changePoint: 768,
						visibleItems: 2
					}
				}
			});

		});
	</script>
	<!-- //flexisel -->
	<!-- //flexisel -->
	<!-- js for portfolio lightbox -->
	<script src="js/jquery.chocolat.js "></script>
	<!-- //menu -->
	<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	<!-- //for bootstrap working -->
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<!-- //here ends scrolling icon -->
</body>

</html>